<template>
    <div class="shop">
        <shopHeader></shopHeader>
        <div class=''>
            <cart ></cart>
        </div>
        <div class="detaildata">
                <shoptab ></shoptab>
        </div>
        <listdata></listdata>
    </div>
</template>

<script>

import shopHeader from './components/shopHeader' //头部
import cart from './components/cart'   //图片
import shoptab from './components/shoptab'  //底部按钮
import listdata from '../listdata'  //底部按钮






export default {
    data(){
        return{
            shopList:[],
        }
    },
   
    components:{
        shopHeader,
        cart,
        shoptab,
        listdata
    },
    created(){
    }
}
</script>

<style lang='scss' scoped>
$appwidth:375;


@function pxtovw($p){
    @return (100/$appwidth*$p) * 1vw;
}
.shop{
    width: 100%;
    height: pxtovw(750);
    position: absolute;
    background-color: #eee;
    overflow: auto;

}
.detaildata{
    width: 100%;
    
}

</style>
